<ion-content no-padding class="my-order">
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
<div *ngIf="appointmentList.length != 0">
  <ion-grid class="order" *ngFor="let msg of appointmentList" >
    <ion-row class="order-msg">
      <ion-col col-6 class="shop" color="txt-primary" ion-text>{{msg.buzProductName}}</ion-col>
      <ion-col col-6 text-right ion-text class="status" color="main">{{msg.statusName}}</ion-col>
    </ion-row>
    <ion-row class="date" color="txt-tertiary" ion-text>
      <ion-col col-3 >预约时间:</ion-col>
      <ion-col col-9 ion-text class="order-time">{{msg.createTime}}</ion-col>
    </ion-row>
    <ion-row class="date" color="txt-tertiary" ion-text>
      <ion-col col-3 >看房时间:</ion-col>
      <ion-col col-9 ion-text class="order-time">{{msg.providerTime}}</ion-col>
    </ion-row>
    <ion-row class="date" color="txt-tertiary" ion-text *ngIf="msg.providerName!=null">
      <ion-col col-3>联系人:</ion-col>
      <ion-col>{{msg.providerName}}</ion-col>
    </ion-row>
    <ion-row class="date" color="txt-tertiary" ion-text *ngIf="msg.providerPhone!=null">
      <ion-col col-3>手机号:</ion-col>
      <ion-col>{{msg.providerPhone}}</ion-col>
    </ion-row>
  </ion-grid>
</div>
  <ion-grid class="notice" *ngIf="appointmentList.length == 0 && appointmentList == 0;">
    暂无预约信息！
  </ion-grid>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&appointmentList.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color: #848484;">
    ————————别扯啦!————————
  </div>
</ion-content>
